import React from 'react';
import Sidebar from './Sidebar';
import Header from './Header';
import './document.css';

const TeamFiles: React.FC = () => {
  return (
    <div className='document-container'>
      <Sidebar activeItem='team-files' />
      <div className='main-content'>
        <Header />
        <div className='content-area'>
          <div className='content-header'>
            <h1>团队文件</h1>
            <p>来自钉盘的团队共享文件</p>
          </div>
          <div className='content-body'>
            <div className='welcome-card'>
              <h2>团队文件列表</h2>
              <p>团队共享的文件和文件夹</p>
              <div className='feature-grid'>
                <div className='feature-item'>
                  <h3>📁 项目资料</h3>
                  <p>包含项目相关文档</p>
                </div>
                <div className='feature-item'>
                  <h3>📊 团队数据</h3>
                  <p>共享的数据分析文件</p>
                </div>
                <div className='feature-item'>
                  <h3>📝 会议记录</h3>
                  <p>团队会议纪要汇总</p>
                </div>
                <div className='feature-item'>
                  <h3>📋 规章制度</h3>
                  <p>团队规章制度文档</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default TeamFiles;
